<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML>
<html>
  <head>
    <%@include file="../common.jsp"%>
    <title>名医推荐</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">  
	<link rel="stylesheet" type="text/css" href="resources/css/common.css">
	<script type="text/javascript" src="resources/js/framejs/jquery.form.js"></script>
	<script type="text/javascript" src="resources/js/expertType.js"></script>  
	<style>
		#tab_list td:not(:last-child),#doctorOfExpert td,#doctor_pop td,#doctor td{line-height:30px;}
	</style>
  </head>
  <body>
   	<div class="content">
   		<h4>名医推荐</h4>
   		<hr/>
	    <!-- 工具栏 -->
   		<div class="tools">
	    	<button id="btn_add" type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_add"><i class="icon icon-plus"></i> 新增</button>
	    	<button id="btn_edit" type="button" class="btn btn-warning"><i class="icon icon-edit"></i> 修改</button>
	    	<button id="btn_del" type="button" class="btn btn-danger"><i class="icon icon-minus"></i> 删除</button>
	    </div>
	    <!-- 列表 -->
	    <table id="tab_list" class="table table-hover table-striped mytable">
			<thead>
				<tr>
					<th style="width: 35px;"><input id="pkall" type='checkbox' class='checkbox'></th>
					<th style="width: 50px;">序号</th>
					<th>名称</th>
					<th>地址</th>
					<th>描述</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				
			</tbody>
	  	</table>
	  	<!-- 分页信息条 -->
	  	<div id="pagebar" class="pagebar">
		  	<ul class="pager">
		  		
			</ul>
			<p id="page_info" class="page_info">显示第<span>0</span>到第<span>0</span>条记录,共<span>0</span>条</p>
	  	</div>
	    </div>
	    <!-- 增加分类 -->
		<div class="modal fade bs-example-modal-lg" id="modal_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		       <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
		        <h4 class="modal-title" id="myModalLabel">新增名医</h4> 
		      </div>
		      <div class="modal-body">
		        <form id="form_add" class="form-horizontal" role="form" action="consult/insert" method="post">
					<div class="form-group">
					    <label class="col-sm-2 control-label required">名称</label>
					    <div class="col-sm-8">
					      <input id="add_name" name="name" class="form-control" placeholder="分类名称" data-toggle="tooltip" data-placement="top" title="请输入名医分类的名称">
					    </div>
					</div>
					<div class="form-group">
					    <label class="col-sm-2 control-label required">描述</label>
					    <div class="col-sm-8">
					      <textarea id="add_description" name="description" rows="5" class="form-control" placeholder="描述说明,不能超过300个字符" data-toggle="tooltip" data-placement="top" title="请输入描述信息"></textarea>
					    </div>
				    </div>
				</form>
				<form id="form_add2" class="form-horizontal" action="common/upload" method="post" enctype="multipart/form-data">
						<div class="form-group">
							<label class="col-sm-2 control-label required">logo图片</label>
							<div class="col-sm-10">
								<input type="file" name="file" placeholder="请选择图片..." data-toggle="tooltip" data-placement="top" title="请上传图片文件">
							</div>
						</div>
						<div class="form-group" style="display:none;">
							<div class="col-sm-2"></div>
							<div class="col-sm-10">
								<a href="" target="_blank"> <img id="logo_scan" alt="" src="" style="height: 150px;"/> </a>
							</div>
						</div>
				</form>
		      </div>
		      <div class="modal-footer">
		          <button id="btn_confirm_add" type="button" class="btn btn-primary">确定</button>
		          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		    </div>
		  </div>
	   </div>
	   <!-- 修改分类 -->
	   <div class="modal fade bs-example-modal-lg" id="modal_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span> <span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">修改名医分类信息</h4>
						
					</div>
					<div class="modal-body">
					  <form id="form_edit" class="form-horizontal" role="form" action="expert/modify" method="post">
					     <input type="hidden" id="edit_id" name="id">
						 <div class="form-group">
						    <label class="col-sm-2 control-label required">名称</label>
						    <div class="col-sm-4">
						      <input id="edit_name" name="name" class="form-control" placeholder="分类名称" data-toggle="tooltip" data-placement="top" title="请输入名医分类的名称">
						    </div>
						  </div>
						  <div class="form-group">
						    <label class="col-sm-2 control-label required">描述</label>
						    <div class="col-sm-8">
						      <textarea id="edit_description" name="description" rows="5" class="form-control" placeholder="描述说明,不能超过300个字符" data-toggle="tooltip" data-placement="top" title="请输入描述信息"></textarea>
						    </div>
					      </div>
						</form>
						<form id="form_edit2" class="form-horizontal" action="common/upload" method="post" enctype="multipart/form-data">
							<div class="form-group">
								<label class="col-sm-2 control-label required">logo图片</label>
								<div class="col-sm-10">
									<input type="file" name="file" placeholder="请选择图片..." data-toggle="tooltip" data-placement="top" title="请上传图片文件">
								</div>
							</div>
							<div class="form-group" style="display:none;">
								<div class="col-sm-2"></div>
								<div class="col-sm-10">
									<a href="" target="_blank"> <img id="logo_scan2" alt=""	src="" style="height: 150px;"> </a>
								</div>
							</div>
					   </form>
					</div>
					<div class="modal-footer">
						<button id="btn_confirm_edit" type="button" class="btn btn-primary">确定</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>
				</div>
			</div>
	   </div>
	   <!-- 向分类添加医生 -->
	   <div class="modal fade bs-example-modal-lg" id="modal_fill" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h4 class="modal-title" id="myModalLabel">不在该分类中的医生列表</h4> 
		      </div>
		      <div class="modal-body">
			    <table id="doctor" class="table table-hover table-striped mytable">
					<thead>
						<tr>
							<th><input id="pkall_doc" type='checkbox' class='checkbox'></th>
							<th>序号</th>
						  	<th>姓名</th>
						  	<th>图片</th>
						  	<th>性别</th>
						  	<th>科室</th>
						  	<th>从业年限</th>
						  	<th>职称</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
			  	</table>
			  	<!-- 分页信息条 -->
			  	<div id="pagebar_doc" class="pagebar">
				  	<ul class="pager">
					</ul>
					<p id="page_info_doc" class="page_info">显示第<span>0</span>到第<span>0</span>条记录,共<span>0</span>条</p>
			  	</div>
			  </div>
		      <div class="modal-footer">
				<button id="btn_confirm_fill" type="button" class="btn btn-primary">添加</button>
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		    </div>
		  </div>
	   </div>
	   <!-- 从分类删除医生 -->
	   <div class="modal fade bs-example-modal-lg" id="modal_pop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h4 class="modal-title" id="myModalLabel">该分类中的医生列表</h4> 
		      </div>
		      <div class="modal-body">
			    <table id="doctor_pop" class="table table-hover table-striped mytable">
					<thead>
						<tr>
							<th><input id="pkall_pop" type='checkbox' class='checkbox'></th>
							<th>序号</th>
						  	<th>姓名</th>
						  	<th>图片</th>
						  	<th>性别</th>
						  	<th>科室</th>
						  	<th>从业年限</th>
						  	<th>职称</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
			  	</table>
			  	<!-- 分页信息条 -->
			  	<div id="pagebar_pop" class="pagebar">
				  	<ul class="pager">
					</ul>
					<p id="page_info_pop" class="page_info">显示第<span>0</span>到第<span>0</span>条记录,共<span>0</span>条</p>
			  	</div>
			  </div>
		      <div class="modal-footer">
				<button id="btn_confirm_pop" type="button" class="btn btn-danger">删除</button>
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		    </div>
		  </div>
	   </div>
	   <!-- 查看分类的医生列表 -->
	   <div class="modal fade bs-example-modal-lg" id="modal_showOfExpert" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		      	<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">&times;</span> <span class="sr-only">Close</span>
				</button>
		        <h4 class="modal-title" id="myModalLabel">该分类的医生列表</h4> 
		      </div>
		      <div class="modal-body">
			    <table id="doctorOfExpert" class="table table-hover table-striped mytable">
					<thead>
						<tr>
							<th><input id="pkall_docOfExpert" type='checkbox' class='checkbox'></th>
							<th>序号</th>
						  	<th>姓名</th>
						  	<th>图片</th>
						  	<th>性别</th>
						  	<th>科室</th>
						  	<th>从业年限</th>
						  	<th>职称</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
			  	</table>
			  	<!-- 分页信息条 -->
			  	<div id="pagebar_docOfExpert" class="pagebar">
				  	<ul class="pager"></ul>
					<p id="page_info_docOfExpert" class="page_info">显示第<span>0</span>到第<span>0</span>条记录,共<span>0</span>条</p>
			  	</div>		  	
			    <div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
			    </div> 
			 </div>
		    </div>
		  </div>
	   </div>
  </body>
</html>